import { PageContainer } from '@ant-design/pro-components';
import { Tabs } from 'antd';
import YearAnalysis from './components/YearAnalysis'
const { TabPane } = Tabs;

const onChange = (key: string) => {
  console.log(key);
};

const items: TabsProps['items'] = [
  {
    key: '1',
    label: '年度分析',
    children: <YearAnalysis />,
  },
  {
    key: '2',
    label: '月度分析',
    children: 'Content of Tab Pane 2',
  },
  {
    key: '3',
    label: '自定义分析',
    children: 'Content of Tab Pane 3',
  },
];

const Statistics: React.FC = () => {
  return (
    <PageContainer
      ghost
      header={{
        title: '统计',
      }}
    >
      <Tabs defaultActiveKey="1" items={items} onChange={onChange} />

    </PageContainer>
  );
};

export default Statistics;
